<!DOCTYPE HTML>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <title>-:Aritial:- Content Intelligent</title>
    <link rel="stylesheet" href="./css/grid.css" />
    <link rel="stylesheet" href="./css/style.css" />
    <script type="text/javascript" src="./js/mootools.js"></script>
    <script type="text/javascript" src="./js/script.js"></script>
</head>
<body>
    <div id="bg">
        <iframe src="img/hBG.svg" frameborder="0"></iframe>
    </div>
    <div id="content" class="container">
        <header class="grid_7">
            <svg class="grid_2" height="100" width="100">

            </svg>
            <h1>Aritial</h1>
            <h2>Faça inteligente, converse com quem não é gente!</h2>
        </header>
        <nav class="grid_4">
            <a href="#home">
                <svg>
                <path
       style="fill:#f60;fill-opacity:1;stroke:none;" d="m 32.142856,5.2232227 0,0.71875 -23.9375004,23.9062503 5.4375004,0 0,22.875 9.5625,0 0,-22.875 9.65625,0 8.9375,0 0,22.875 9.5625,0 0,-22.875 5.4375,0 -23.9375,-23.9062503 0,-0.71875 -0.34375,0.34375 z m -5,27.8437503 0,18.9375 11.4375,0 0,-18.9375 z"
       id="Home"/>
                </svg>
                <small>Home</small>
            </a>
            <a href="#info">
                <svg>
                <path style="font-size:46.23203278px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;text-anchor:start;fill:#8f2;fill-opacity:1;stroke:none;font-family:Courier New;-inkscape-font-specification:Courier New Bold;" d="M 21.78125 4.875 C 10.932799 4.875 2.15625 13.6828 2.15625 24.53125 C 2.15625 35.379701 10.932799 44.15625 21.78125 44.15625 C 32.629701 44.15625 41.4375 35.379701 41.4375 24.53125 C 41.4375 13.6828 32.629701 4.875 21.78125 4.875 z M 22.03125 6.59375 C 23.148 6.612527 24.276116 6.7465013 25.375 6.9375 C 37.791228 8.9400878 44.119069 25.361448 36.1875 35.15625 C 29.112236 45.603861 11.631002 44.338892 6.09375 33.09375 C -0.47714455 22.216825 8.2160719 6.656515 20.90625 6.625 C 21.278612 6.600801 21.658999 6.587491 22.03125 6.59375 z M 19.34375 8.875 L 19.34375 13.75 L 24.84375 13.75 L 24.84375 8.875 L 19.34375 8.875 z M 17.125 17.65625 C 16.011331 17.65627 15.200328 17.876085 14.71875 18.3125 C 14.252211 18.733905 14.031245 19.260292 14.03125 19.9375 C 14.031245 20.629794 14.268411 21.219832 14.75 21.65625 C 15.231578 22.077652 16.026381 22.281266 17.125 22.28125 L 20.84375 22.28125 L 20.84375 33.53125 L 15.28125 33.53125 C 14.167583 33.531255 13.38783 33.751069 12.90625 34.1875 C 12.439713 34.608889 12.187497 35.135276 12.1875 35.8125 C 12.187497 36.504778 12.439713 37.063566 12.90625 37.5 C 13.38783 37.921386 14.167583 38.15625 15.28125 38.15625 L 31.03125 38.15625 C 32.144889 38.15625 32.939692 37.921386 33.40625 37.5 C 33.887809 37.063566 34.124975 36.520979 34.125 35.84375 C 34.124975 35.151476 33.887809 34.608889 33.40625 34.1875 C 32.939692 33.751069 32.144889 33.531255 31.03125 33.53125 L 25.46875 33.53125 L 25.46875 17.65625 L 17.125 17.65625 z "/>
                </svg>
                <small>Informações</small>
            </a>
            <a href="#ctt">
                <svg>
                    <path
       style="fill:#82f;fill-opacity:1;stroke:none" d="m 40.898051,4.1607143 -7.634742,7.9175097 1.696609,2.981919 9.896888,-9.896887 -3.958755,-1.0025417 z m 4.39576,2.0564957 -8.611577,8.611577 1.876553,1.850847 c 0,0 1.069336,13.010752 -8.894346,20.050837 -9.96368,7.040077 -15.655077,5.295477 -15.655077,5.295477 l -1.593784,-2.930507 -6.7864369,6.760731 4.112992,7.660448 c 0,0 9.4084699,2.934176 25.8604379,-8.817227 16.451969,-11.751409 14.703948,-33.49518 14.703948,-33.49518 L 45.293811,6.21721 z m -35.7316189,29.716369 -6.272313,5.526833 1.465253,3.521749 7.5062109,-7.480504 -2.6991509,-1.568078 z"
       id="Contato">
                </svg>
                <small>Contato</small>
            </a>
        </nav>
        <div class="grid_1">&nbsp;</div>
        <hr />
        <section id="main" class="alpha omega">

            <output class="grid_7">
                <h1>Aritial:</h1>
                <p>Oi eu sou Aritial. Quem é você?</p>
                <h1>Me:</h1>
                <p>Sou Octo</p>
            </output>
            <form action="#">
                <menu>
                    <a href="#">Sair</a>
                    <a href="#">Ajuda</a>
                </menu>
                <fieldset class="grid_4">
                    <legend>Converse:</legend>
                    <label for=""><textarea name="" id="" cols="30" rows="10"></textarea></label>
                    <button type="submit">Falar</button>
                    <button type="reset">Limpar</button>
                </fieldset>
            </form>
        </section>
        <footer class="grid_12 alpha omega">
            <details>
                Criador por
                <a href="http://fraguto.com.br">Octo Fraguto</a>
                (c) 2010
            </details>
            <details>
                creative commons
                mit
            </details>
        </footer>

    </div>
</body>
</html>
